/* 
    Document   : style
    Created on : May 11, 2013, 3:02:40 PM
    Author     : abeeha
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
	background: #302226 url(../images/bg-body.png) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#page {
	background-color:#ffffff;
	width: 960px;
	margin: 0 auto;
        margin-top: 5px;
        margin-bottom:5px;
}
h1{
    font-style:italic;
   font-size: 200%;
    font-family:"monotype crosiva",cursive;
    color:#302226;
    margin-left:-130px;
    margin-top: -20px;

}
#header {
	
	margin-bottom: 10px;
}
/** Logo **/
#logo {
	height: 50px;
	width: 500px;
	margin: 0 auto 15px;
        margin-top: -50px;
}
/** Navigation **/
#navigation {
	background-position: 0 0;
	height: 49px;
	padding: 1px 10px;
	text-align: center;
        background-color:#302226;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
}
#navigation ul {
	
	list-style: none;
	width:150%;
	margin-left:-50px;
	padding: 0;
}
#navigation li {
	float: left;
	margin-left: 52px;
}

#navigation li a {
	color: #ffffff;
	font-size:12px;
        margin-left: -15px;
	font-weight: bold;
	line-height:20px;
	padding: 14px 0px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation li a:hover, #navigation li.selected a {
	color: #b9315a;
}

#contents{
	width: 940px;
	padding: 0 10px 17px;
        height:490px;
}
#contents2{
	width: 940px;
	padding: 0 10px 17px;
        height:440px;
}
#imageholder{
   background-color: aliceblue;
    float: right;
    margin-top: 50px;
    width: 650px;
margin-right: 30px;
}
#contentholder{
   background-color:#ffffff;
    float: right;
    margin-top:50px;
    width: 680px;
margin-right: 30px;
height:300px
}
#sidebar {
	float: left;
	height: auto;
	width: 210px;
	padding-left: 10px;
        background-color:#ffccff;
}
#sidebar2 {
	float: left;
	height: auto;
	width: 210px;
	padding-left: 10px;

}
#sidebar.new:hover{
    background-color:antiquewhite;
}
#s1{
   
    margin-left:-8px;
}
#s2{
    
    margin-left:-8px;
}
#s3{
   
    margin-left:-8px;
}

#new{
    width:200px;
    color:#b9315a;
    height: 50px;
   
    
}
#sideheading{

    width:200px;
    color:#b9315a;
    height: 50px;

    

}
.righTopBar{
  	
    margin-left:800px;
    position: relative;
    width:200px;
	border-radius: 5px;
}
#footer{
    margin-left:50px;
}
#contributer{
    margin-left:350px;
}

h5{
      font:18px "Times New Roman",sans-serif;
   font-weight:normal;
}

.img-indent {
	float:left;
	margin:10px 5px 0 0;
        margin-left: 10px;


}
#Maincontentholder{
   background-color:#b9315a;
    float: right;
    margin-top:30px;
    width: 300px;
    margin-right: 300px;
    height:100px;
    border-radius:5px;
    -moz-border-radius: 8px;    
}

#MaincontentholderSignup{
   background-color:#b9315a;
    float: right;
    margin-top:30px;
    width: 350px;
    margin-right: 300px;
    height:350px;
    border-radius:5px;
    -moz-border-radius: 8px;
}

#MaincontentholderOrder{
   background-color:#b9315a;
    float: right;
    margin-top:30px;
    width: 307px;
    margin-right: 400px;
    height:225px;
    border-radius:5px;
    -moz-border-radius: 8px;
}

.fields{
        border-radius:5px;
        -moz-border-radius: 8px;
}